<template>
<div>
  <el-col :span="24">
    <el-menu
        default-active="/"
        class="el-menu-vertical-demo"
        router
    >
      <el-sub-menu index="1">
        <template #title>
          <el-icon><location /></el-icon>
          <span>学生管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/">
            <el-icon><Menu /></el-icon>
            <span>学生列表</span>
          </el-menu-item>
          <el-menu-item index="/test">
            <el-icon><SwitchButton /></el-icon>
            <span>测试</span>
          </el-menu-item>
        </el-menu-item-group>
      </el-sub-menu>
      <el-sub-menu index="1">
        <template #title>
          <el-icon><Setting /></el-icon>
          <span>系统管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="1-1">item one</el-menu-item>
          <el-menu-item index="1-2">item two</el-menu-item>
        </el-menu-item-group>
      </el-sub-menu>
    </el-menu>
  </el-col>
</div>
</template>

<script>
import {Location,Setting,Menu,SwitchButton} from '@element-plus/icons-vue'
export default {
  name: "AsideView",
  components:{
    Location,
    Setting,
    Menu,
    SwitchButton
  }
}
</script>

<style scoped>

</style>